<template>
    <div id="My-Bottom-Box">
        <div id="My-Bottom-content">
            <div id="My-Bottom-Top">
                <h2>我的卡片</h2>
                <span>＋&nbsp;管理卡片</span>
            </div>
            <div id="My-Bottom-Bottom">
                <Question></Question>
                <ImgList></ImgList>
                <Gunhua></Gunhua>
            </div>
        </div>
    </div>
</template>

<script>

    import Question from 'com/My/question.vue';
    import ImgList from 'com/My/imglist.vue';
    import Gunhua from 'com/My/gunhua.vue';
    export default {
        name: "Top",
        components:{
            Question,ImgList,Gunhua
        }
    }
</script>

<style lang="scss" scoped>
    #My-Bottom-Box{
        #My-Bottom-content{

        }
    }

    #My-Bottom-Top{
        height: 0.4rem;
        padding: 0 0.14rem;

        h2{
            height: 100%;
            line-height: 0.4rem;
            font-size: 0.19rem;
            color:#000000;
            float:left;
        }

        span{
            font-size: 0.17rem;
            color: #0072f4;
            float:right;
            display: block;
            height: 0.4rem;
            line-height: 0.4rem;
        }
    }

</style>